/*** CSS3 VQS | Chapter 11 | visualformatting-properties.css ***/

header nav {
	visibility: hidden;
}

article {
	-webkit-box-shadow: rgba(0,0,0,.7) 5px 5px 15px;
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.7);
	box-shadow: 5px 5px 10px rgba(0,0,0,.7);

}

aside {
	position: fixed;
	right: 1%;
	bottom:1%;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	z-index: 100;
}

strong {
	position: relative;
	top: -.15em;
}

footer, #txtComentario {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}

footer ul {
	position: relative;
	top: 10px;
}

figure, #txtComentario{
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.7);
	box-shadow: 5px 5px 10px rgba(0,0,0,.7);
}

nav.gallery ul{
	position: absolute;
}

.f{
	left: 0;
	top: 0;
	z-index: 3;
}

nav.gallery figure {
	/*position: absolute;*/
	clip: rect(50px 250px 250px 50px);
	position:relative;
	top:10px;
	left:0px;
	filter: alpha(opacity=50);
	/*opacity: .5;*/
}

#fb{	
	top: 40%;
	left: 10%;
	filter: alpha(opacity=35);
	position: absolute;
}

#t{	
	top: 40%;
	left: 40%;
	filter: alpha(opacity=35);
	position: absolute;
}

#gp{	
	top: 40%;
	left: 70%;
	filter: alpha(opacity=35);
	position: absolute;
}

#Reserv{
	position: absolute;
	left: 97%;
	top: 120px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
}

#Map{
	position: absolute;
	left: 97%;
	top: 400px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
}

#rank{
	position: relative;
	left: 10%;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
}

#com {
	position: absolute;
	left: 97%;
	top: 900px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
}


#txtComentario {
    width:200px;
    height:100px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
    display:none;
 }